<!DOCTYPE HTML>
<html>
<head>
    <title>.:: Babosarang renewal ::.</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />	
	<meta name="author" content="dongdung" />
    
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    
    <link rel="stylesheet" type="text/css" href="css/mypages.css" />
    
    <script type="text/javascript"  src="js/jquery.js"></script>
    <script type="text/javascript"  src="js/html5.js"></script>
    <script type="text/javascript"  src="js/mypages.js"></script>
	
</head>

<body>

<header>
    <div class="container"><img src="img/header.jpg" /></div>
</header>

<div class="container clearfix mypage mypage_payment">
        <div id="tests">
            <div>
            </div>
        </div>
        <!-- Begin: Breadcrumb -->
        <dl class="breadcrumb">
            
            <span class="home"></span>홈<span class="cursor"></span>마이페이지<span class="cursor"></span><strong>마이 쇼핑정보</strong>
        </dl>
        <!-- End: Breadcrumb -->
        
        
    <div id="left">
        <div id="pointer">
            <img src="img/mypage/icon_pointer.png" />
        </div><!--end pointer -->
        <div id="link">
            <a href="mypage_premium_shop.htm" id="link1"><img src="img/mypage/banner2.png" alt="" /></a>
            <a href="mypage_mileage_shop.htm" id="link2"><img src="img/mypage/banner1.png" alt="" /></a>
        </div>  
        <div id="menu" class="conner5">
                  
            <div id="first">
            <p class="title">마이 쇼핑정보</p>
            <ul>
                <li><a href="mypage_order.htm">주문/배송 조회</a></li>
                <li><a href="mypage_change.htm">주문정보 변경</a></li>
                <li><a href="mypage_cancel.htm">주문 취소</a></li>                
                <li><a href="mypage_return.htm">반품/환불</a></li> 
                <li><a href="mypage_receipt.htm">영수증 신청/발급</a></li>
                <li><a href="mypage_service.htm">내가 신청한 서비스</a></li>
                 
            </ul>
            </div>
            <div id="second">
            <p class="title">참좋은 혜택</p>
            <ul>
                <li><a href="mypage_coupon.htm">내 쿠폰함</a></li>
                <li><a href="mypage_point.htm">포인트 내역</a> </li>
                <li><a href="mypage_bemoney.htm">예치금 관리</a></li>
                <li  class="active"><a href="mypage_giftcard.htm">기프트카드 </a></li> 
                <li><a href="mypage_event.htm">이벤트 당첨확인 </a></li>
                  
            </ul>
            </div>
            
            <div id="third">
            <p class="title">마이 위쉬리스트</p>
             <ul>
                <li><a href="mypage_wishlist.htm">찜한 상품</a></li>
                <li><a href="mypage_brand.htm">관심 브랜드</a></li>
                <li><a href="mypage_review.htm">관심리뷰</a></li>
               
            </ul>
            </div>
            
            <div id="fourth">
            <p class="title">마이 글모음</p>
            <ul>
                <li><a href="mypage_ripple.htm">상품 리뷰</a></li>
                <li class="active"><a href="mypage_answer.htm">1:1상담</a></li>
                <li><a href="mypage_question.htm">상품 문의/신고 내역</a></li>
               
            </ul>
            </div>
            
            <div id="fifth">
            <p class="title">마이정보</p>
            <ul>
                <li><a href="mypage_info_modify.htm"> 회원 정보 수정</a></li>
                <li><a href="mypage_info_address.htm">나의 주소록</a></li>
                <li><a href="mypage_info_aniversary.htm">나의 기념일</a></li>
                <li><a href="mypage_info_grade.htm">회원 등급 확인</a></li> 
                <li><a href="mypage_info_member.htm">회원탈퇴</a></li>               
            </ul>
            </div>
        </div><!--end #menu -->
        <div id="yellow_background" class="conner3">
        </div>
    </div><!--end #left -->
    <div id="right">
        <div id="top" class="conner3">
            
                <div id="g_left">
                    <div id="g_icon">
                        
                        <img id="icon1" src="img/mypage/icon_gold.jpg" alt="" />
                        <p>등급별 혜택보기<img src="img/mypage/g_icon_left.png"/></p>
                    </div>
                     <div id="g_text">
                     <p><strong class="g_icon_user"></strong><strong class="color666">김정희</strong>님, 고객님은 바보사랑의 소중한<strong class="g_icon_gold"> GOLD</strong>회원이십니다. </p>
                     <p id="second">오늘도 저희 바보사랑을 방문해 주셔서 감사합니다.</p>
                     </div>
                     <div id="g_sum">
                     <p><span class="g_sum_p">3,000</span>
                        <span class="g_sum_coupon">2</span>
                        <span class="g_sum_wish">4</span>
                     </p>
                     </div>
                     <div id="g_tooltip">
                        <p><strong style="color: #ffd200;">FAMILY </strong>등급 회원이되시려면 3회의 추가 구입을</p>
                        <p>하시거나 <strong style="color: #ff5b90;">204,000</strong>원 이상의 구매를 하셔야합니다.</p>

                     </div>
                </div>
                <div id="g_right">
                <p class="g_right_title"><strong>김정희</strong> 고객님께서 주문하신 <strong>상품 배송 현황</strong></p>
                <p class="pink" id="pink1">배송 준비중<br /><span class="number">0</span></p>
                <p class="pink" id="pink2">배송 중<br /><span class="number">3</span></p>
                <p class="pink" id="pink3">배송 완료<br /><span class="number">5</span></p>
                </div>
        </div><!--end #top -->
           
        <div id="main">
            <div id="cancel">
            
            <p id="title"><img src="img/mypage/txt_mypage_payment_title.jpg" width="80" height="16" /></p>
            <p id="content">현금처럼 사용할 수 있는 기프트 상품권으로 보내는 분의 마음과 함께 쇼핑의 즐거움도 선물하세요</p>
            </div><!--end #cancel -->
            
            <div id="result">
            
            <!--Tabs -->
                <div id="tabs">
                    <div id="controller" class="clearfix conner3">
                        <div id="c1" class="active"><a href="#tab-1">&nbsp;</a></div>
                        <div id="c2" ><a href="#tab-2">&nbsp;</a></div>
                        <div id="c3"><a href="#tab-3">&nbsp;</a></div>
                        
                    </div>
                       
                    
                   <div class="tab" id="tab-1">                        
                        <table class="tbl_image">
                            <tr>
                                <td>
                                    <img src="img/mypage/mypage_payment1_1.jpg" width="278" height="176" /><br />
                                    <input type="radio" checked="checked" name="image_selection" />
                                </td>
                                <td><img src="img/mypage/mypage_payment1_2.jpg" width="278" height="176" /><br />
                                <input type="radio" name="image_selection" /></td>
                                <td><img src="img/mypage/mypage_payment1_3.jpg" width="278" height="176" /><br />
                                <input type="radio" name="image_selection" />
                                </td>
                            </tr>
                        </table>
                        <table class="conner3 table_style">
                            <tr class="row1">
                                <td class="col1">기프트카드 선택</td>
                                <td class="col2">10,000원권(10000원)</td>
                               
                            </tr>
                            
                            <tr class="row2">
                                <td class="col1">배송방법</td>
                                <td class="col2">
                                    <input id="input_1" type="radio" checked="checked" name="selection" /><label id="lable_1">문자발송</label>
                                    <input id="input_2" type="radio" name="selection" /><label id="label_2">상품권 배송</label>
                                </td>
                                
                            </tr>
                            <tr class="row3">
                                <td class="col1">수량</td>
                                <td class="col2">10,000원권(10000원)</td>
                                
                            </tr>                        
                        </table><!--end #personal  table-->
                        <div id="button"><img src="img/mypage/mypage_payment_button15.jpg" width="156" height="48" />
                        </div>
                   </div><!-- end #tab-1-->
                   
                   
                   <div class="tab" id="tab-2">
                             <div id="order_info">
                                <div class="table_header">
                                    <p id="p_title"><img src="img/mypage/txt_payment_tab2_2.jpg" width="100" height="16" /></p>                                    
                                </div><!--end table_header -->
                                
                                <table class="conner3 ">
                                    <tr class="row1">
                                        <th class="col1">상품</th>
                                        <th class="col2">상품번호</th>
                                        <th class="col3">상품명</th>
                                        <th class="col4 last">판매금액</th>
                                    </tr>                                
                                    <tr class="row2">
                                        <td class="col1"><img src="img/mypage/mypage_payment_2_1.jpg" width="71" height="44" /></td>
                                        <td class="col2">899879</td>
                                        <td class="col3">축하 기프트카드 - 5,000원권</td>
                                        <td class="col4">5,000원</td>
                                    </tr>
                                    
                                </table><!--end #order_info  table-->
                            </div><!--end #order_info-->
                            <div class="table_style" id="personal">
                                <div class="table_header">
                                    <p id="p_title"><img src="img/mypage/txt_payment_tab2_3.jpg" width="100" height="16" /></p>                                    
                                </div><!--end table_header -->                              

                                
                                <table class="conner3 ">
                                    <tr class="row1">
                                        <td class="col1">  주문자명 분</td>
                                        <td class="col2"><input type="text" class="w98" value="김정희" /></td>
                                        <td class="col3">이메일</td>
                                        <td class="col4"><input type="text" class="w193"  value="abc12345@naver.com"/></td>
                                    </tr>
                                    <tr class="row2">
                                        <td class="col1">휴대폰번호</td>
                                        <td class="col2"><input type="text" class="w48" value="010" /> &nbsp; &nbsp;-&nbsp; &nbsp; <input type="text" class="w48" value="010" /> &nbsp; &nbsp;-&nbsp; &nbsp; <input type="text" class="w48" value="010" /></td>
                                        <td class="col3">전화번호</td>
                                        <td class="col4"><input type="text" class="w48" value="010" /> &nbsp; &nbsp;-&nbsp; &nbsp; <input type="text" class="w48" value="010" /> &nbsp; &nbsp;-&nbsp; &nbsp; <input type="text" class="w48" value="010" /></td>
                                    </tr>                                
                                </table><!--end #personal  table-->
                            </div><!--end #personal-->
                            
                            <div class="table_style" id="checkout">
                                <div class="table_header">
                                    <p id="p_title"><img src="img/mypage/txt_payment_tab2_4.jpg" width="110" height="16" /></p>                                    
                                </div><!--end table_header -->
                                
                                <table class="conner3 ">
                                    <tr class="row1">
                                        <td class="col1">받으시는 분</td>
                                        <td class="col2"><input type="text" class="w98" value="김정희" /></td>
                                        <td class="col3">메세지 제목</td>
                                        <td class="col4"><input type="text" class="w193"  value="생일을 축하한다."/></td>
                                    </tr>
                                    <tr class="row2">
                                        <td class="col1">휴대폰번호</td>
                                        <td class="col2"><input type="text" class="w48" value="010" />&nbsp; &nbsp;-&nbsp; &nbsp;<input type="text" class="w48" value="010" /> &nbsp; &nbsp;-&nbsp; &nbsp; <input type="text" class="w48" value="010" /></td>
                                        <td class="col3">메세지 내용</td>
                                        <td class="col4"><input type="text" class="w193"  value="27번째 생일 축하해"/></td>
                                    </tr>                                
                                </table><!--end #checkout  table-->
                            </div><!--end #checkout-->
                            
                            <div id="note">
                           <label><input type="checkbox" /><span>이메일로도 보내기 (선택시, 문자메시지와 함께 전송됩니다.)</span></label>
                            </div><!--end checkbox -->
                            
                            <div id="method" >
                                <div class="table_header">
                                    <p id="p_title"><img src="img/mypage/txt_payment_tab2_5.jpg" width="120" height="16" /></p>                                        
                                </div><!--end table_header -->
                                <div class="checkbox conner3">
                                <label for="x"><input type="radio" id="x" /> <span>신용카드 결제</span></label>
                                <label for="y"><input type="radio" id="y" /> <span>실시간 계좌이체</span></label>
                                <label for="z"><input type="radio" id="z" /> <span>휴대폰 결제</span></label>
                                </div>
                            </div><!--end method -->
                        
                   </div><!-- end #tab-1-->
                   
                   
                   <div class="tab" id="tab-3"> 
                           <div id="banner">
                           <img src="img/mypage/mypage_payment_tab3_banner.jpg" />
                           </div> <!-- end banner -->     
                                    
                         <div id="order_info">
                                <div class="table_header">
                                    <p id="p_title"><img src="img/mypage/txt_payment_tab3_2.jpg" width="100" height="16" /></p>
                                    
                                </div><!--end table_header -->
                                
                                <table class="conner3 ">
                                <tr class="row1">
                                    <th class="col1">상품</th>
                                    <th class="col2">상품번호</th>
                                    <th class="col3">상품명</th>
                                    <th class="col4 last">판매금액</th>
                                </tr>
                                
                                <tr class="row2">
                                    <td class="col1"><img src="img/mypage/mypage_payment_2_1.jpg" width="71" height="44" /></td>
                                    <td class="col2">899879</td>
                                    <td class="col3">축하 기프트카드 - 5,000원권</td>
                                    <td class="col4">5,000원</td>
                                </tr>
                                
                                </table><!--end #order_info  table-->
                        </div><!--end #order_info-->                             
                        <div class="table_style" id="personal">
                                <div class="table_header">
                                    <p id="p_title"><img src="img/mypage/txt_payment_tab3_3.jpg" width="90" height="16" /></p>
                                    
                                </div><!--end table_header -->
                                
                                <table class="conner3 ">
                                <tr class="row1">
                                    <td class="col1">주문자명</td>
                                    <td class="col2">김정희</td>
                                    <td class="col3">이메일</td>
                                    <td class="col4">abc12345@naver.com</td>
                                </tr>
                                
                                <tr class="row2">
                                    <td class="col1">휴대폰번호</td>
                                    <td class="col2">010-1234-5678</td>
                                    <td class="col3">전화번호</td>
                                    <td class="col4">010-1234-5678</td>
                                </tr>
                                
                                </table><!--end #personal  table-->
                            </div><!--end #personal-->
                            
                            <div class="table_style" id="checkout">
                                <div class="table_header">
                                    <p id="p_title"><img src="img/mypage/txt_payment_tab3_4.jpg" width="110" height="16" /></p>
                                    
                                </div><!--end table_header -->
                                
                                <table class="conner3">
                                <tr class="row1">
                                    <td class="col1">받으시는 분</td>
                                    <td class="col2">무통장입금</td>
                                    <td class="col3">메세지 제목</td>
                                    <td class="col4">생일을 축하한다.</td>
                                </tr>
                                


                                <tr class="row2">
                                    <td class="col1">휴대폰번호</td>
                                    <td class="col2">010-1234-5678</td>
                                    <td class="col3">메세지 제목</td>
                                    <td class="col4">27번째 생일 축하해</td>
                                </tr>
                                
                                </table><!--end #checkout  table-->
                                <div id="button">
                                    <img src="img/mypage/mypage_payment_tab3_button17.jpg" width="170" height="48" />
                                </div>
                            </div><!--end #checkout-->
                   </div><!-- end #tab-3--> 
                      
                 </div><!--end tabs -->
           
            
            
                
            </div><!--end #result -->
            
            
            
            

        </div> <!-- end main-->   
    </div><!--end #right -->
</div><!--end wrappper -->
  
<footer>
    <div class="container"><img src="img/footer.jpg" /></div>
</footer><!--end footer -->

</body>
</html>